page {
    height: 100%;
    position: relative;
}

#mxpage {
    height: 100%;
    background: #120f0b;
    #top_style {
        height: 440rpx;
        position: relative;
    }
    .memberImg_style {
        width: 144rpx;
        height: 144rpx;
        position: absolute;
        top: 24rpx;
        left: 303rpx;
        z-index: 9;
        //border: 8rpx solid white;
        border-radius: 78rpx;
    }
    .bg_top {
        width: 750rpx;
        height: 440rpx;
    }
    .bg_member {
        width: 642rpx;
        height: 350rpx;
        position: absolute;
        top: 64rpx;
        left: 54rpx;
        z-index: 6;
    }
    .bg_kc {
        width: 750rpx;
        height: 49rpx;
        position: absolute;
        top: 390rpx;
        left: 0rpx;
        z-index: 5;
    }
    .mx_msg {
        display: block;
        z-index: 7;
        width: 100%;
        color: #483725;
        font-size: 28rpx;
        position: absolute;
        top: 200rpx;
        text-align: center;
    }
    .mx_note {
        display: block;
        z-index: 7;
        width: 358rpx;
        left: 196rpx;
        color: #fde2b3;
        background: #120f0b;
        font-size: 30rpx;
        position: absolute;
        top: 268rpx;
        height: 54rpx;
        line-height: 54rpx;
        text-align: center;
        border-radius: 27rpx;
        box-shadow: 5rpx 0px 10rpx rgba(36, 27, 10, 0.3);

         .mnext_style {
            position:absolute;
            width: 14rpx;
            height: 28rpx;
            margin-left:14rpx;
            margin-top: 13rpx;

        }
    }
    #shopList {
    	
        position: absolute;
        top: 330rpx;
        height: 80rpx;
        
        z-index:9;
        overflow: hidden;
        .mx_cont {
        	width: 750rpx;
            display: block;
            text-align:center;
            z-index: 7;
            color: rgba(72, 55, 37, 0.6);
            font-size: 20rpx;
            text-align: center;
           
        }
    }

    #member_privilege {
        background: #120f0b;
        .mx_top {
            margin: 60rpx auto 46rpx;
            width: 566rpx;
            height: 135rpx;
            display: block;
        }
        #youhui_list {
            .list_style {
                display: inline-block;
                width: 250rpx;
                image {
                    width: 140rpx;
                    height: 140rpx;
                    margin-left: 54rpx;
                }
                label {
                    display: block;
                    text-align: center;
                    color: #c9a36c;
                    font-style: 32rpx;
                }
                span {
                    display: block;
                    text-align: center;
                    color: #5f543d;
                    font-style: 24rpx;
                }
            }
        }
    }
    #sub_buttom {
        position: fixed;
        bottom: 84rpx;
        width: 750rpx;
        text-align:center;
        label {
            font-size: 28rpx;
            color: #989591;
            text-align: center;
            border-bottom:1rpx solid #989591;
        }
    }
}

//省钱明细
#saveInfo{
    position:fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:999;
    background: rgba(18,15,13,0.8);
    .mxClose_style{
        width: 64rpx;
        height: 64rpx;
        position:absolute;
        margin-left:343rpx;
        top: 50%;
        margin-top:285rpx;
    }
    #save_content{
        position:absolute;
        margin-top:-455rpx;
        margin-left:-300rpx;
        left: 50%;
        top:50%;
        width: 600rpx;
        height: 660rpx;
        border-radius: 12rpx;
        background: linear-gradient(#ffe1ae, #cda867);
        box-shadow:0px 0px 30rpx rgba(18,15,12,0.8);
         .mxVip_tyle{
            width: 279rpx;
            height: 140rpx;
            display:block;
            margin:56rpx auto 22rpx;
        }
        label,li{
         display:block;
        }
        #saveMoney{
          text-align:center;
          font-size: 40rpx;
          font-weight: 700;
          color: #483725;
        }
        #allMoney{
            margin-top:14rpx;
           text-align:center;
           font-size: 28rpx;
           color: #483725;

        }
        #list{
            margin-top:60rpx;
        }
        li{ 
            height: 96rpx;
            width: 500rpx;
            margin-left:20rpx;
            border-radius: 12rpx;
            margin-bottom: 20rpx;
            background: #ffeac7;
            line-height:96rpx;
            padding: 0px 30rpx;
            color: #a77a4a;
            font-size: 32rpx;
            span{
                float: right;
            }
        }

    }
}